<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <a href="#">YMS</a>
        </li>
        <li>
            <i class="fa fa-circle"></i>
            <a href="#">Report</a>
        </li>
        <li>
            <i class="fa fa-circle"></i>
            <a href="#">Yard Activity Report</a>
        </li>
    </ul>
</div>
<div class="container-fluid" style="margin:15px">
    <div class="row">
        <div class="portlet light bordered">
            <div class="portlet-title">
                <div class="caption">
                    <span class="caption-subject bold"> Yard Activity Report</span>
                </div>
            </div>
            <div class="portlet-body form form-horizontal">
                <div class="col-md-4">
                    <b>Yard Name:</b>
                    <label>{{activityReport.yardName}}</label>
                </div>
                <div class="col-md-4">
                    <b>Operator:</b>
                    <label>{{activityReport.operator}}</label>
                </div>
                <div class="col-md-4">
                    <b>Report Period:</b>
                    <label>{{activityReport.reportPeriod}}</label>
                </div>
                <div class="dataTables_wrapper no-footer" style="padding-left: 15px">
                    <div class="table-scrollable">
                        <table class="table table-striped table-bordered table-hover table-checkable order-column dataTable no-footer" id="sample_1" role="grid" aria-describedby="sample_1_info">
                            <thead>
                                <tr role="row">
                                    <th>Activity Time</th>
                                    <th>Equipment Type</th>
                                    <th>Equipment No.</th>
                                    <th>Activity Type</th>
                                    <th>has cargo</th>
                                    <th>Entry No.</th>
                                    <th>Current Status</th>
                                    <th>Current Resource Type</th>
                                    <th>Current Resource No.</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="reportLine in activityReport.reportLines">
                                    <td>{{reportLine.activityTime}}</td>
                                    <td>{{reportLine.equipmentType}}</td>
                                    <td>{{reportLine.equipmentNo}}</td>
                                    <td>{{reportLine.activityType}}</td>
                                    <td>{{reportLine.hasCargo}}</td>
                                    <td>{{reportLine.entryNo}}</td>
                                    <td>{{reportLine.currentStatus}}</td>
                                    <td>{{reportLine.currentResourceType}}</td>
                                    <td>{{reportLine.currentResourceNo}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
